import ScrollView from "@/components/scroll-view"
import RoomItem from "@/components/room-item"
import SectionHeader from "@/components/section-header"
import React, { memo } from "react"
import { HouseWrapper } from "./style"

const PlusHouse = memo((props) => {
  const { data } = props;
  return (
    <HouseWrapper>
      <SectionHeader title={data.title} subTitle={data.subtitle} />
      <div className="content">
        <ScrollView>
          {data.list.map((item) => {
            return <RoomItem itemData={item} key={item.id} itemWidth={"25%"} />
          })}
        </ScrollView>
      </div>
    </HouseWrapper>
  );
});

PlusHouse.propTypes = {}

export default PlusHouse
